import React from "react";
import {  ScrollView,View,Text} from 'react-native';
import Headers from '@/app/components/header/Headers';
import {size} from '@/app/utils';
import { styles } from "./styles";
import { useTranslation } from '@/app/utils/useTranslation';
const UserYSRulesScreen = (props:any) => {
    const { t } = useTranslation();
    return(
        <View style={{ flex: 1,flexDirection:'column',backgroundColor:'#ffff'}}>
            <Headers
                title={t('t360')}
                border={false}
                barStyle={0}
                leftIcon={require('@/assets/images/icon/back.png')}
                leftTitle={''}
                backgroundColor={`rgba(255,255,255,1)`}
                {...props}
            />
            <View style={{flex: 1,}}>
                <ScrollView 
                    style={{paddingLeft:size(20),paddingRight:size(20),paddingTop:size(20)}}
                >
                    <View>
                        <Text style={styles.textTitle}>
                            {t('t817')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textDesc}>
                            {t('t818')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textDesc}>
                            {t('t819')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textTitle}>
                            {t('t820')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textDesc}>
                           {t('t821')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textTitle}>
                           {t('t822')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textDesc}>
                           {t('t823')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textTitle}>
                           {t('t824')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textDesc}>
                           {t('t825')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textDesc}>
                           {t('t826')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textTitle}>
                           {t('t827')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textTitle}>
                           {t('t829')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textDesc}>
                           {t('t830')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textDesc}>
                          {t('t831')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textDesc}>
                          {t('t832')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textDesc}>
                          {t('t833')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textDesc}>
                          {t('t834')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textDesc}>
                          {t('t835')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textDesc}>
                            {t('t836')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textTitle}>
                           {t('t837')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textDesc}>
                            {t('t838')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textDesc}>
                            {t('t839')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textTitle}>
                          {t('t840')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textDesc}>
                            {t('t841')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textDesc}>
                            {t('t842')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textTitle}>
                          {t('t843')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textDesc}>
                            {t('t844')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textDesc}>
                            {t('t845')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textDesc}>
                            {t('t846')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textDesc}>
                            {t('t847')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textDesc}>
                            {t('t848')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textTitle}>
                            {t('t849')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textDesc}>
                            {t('t850')}
                        </Text>
                    </View>
                    <View>
                        <Text style={styles.textTitle}>
                            {t('t851')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textDesc}>
                            {t('t852')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textTitle}>
                            {t('t853')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textDesc}>
                            {t('t854')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textTitle}>
                            {t('t855')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textDesc}>
                            {t('t856')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textDesc}>
                            {t('t857')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textTitle}>
                            {t('t858')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textDesc}>
                            {t('t859')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textTitle}>
                            {t('t860')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textDesc}>
                            {t('t861')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textTitle}>
                            {t('t862')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textDesc}>
                            {t('t863')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textDesc}>
                            {t('t864')}
                        </Text>
                    </View>
                     <View>
                        <Text style={styles.textDesc}>
                            {t('t865')}
                        </Text>
                    </View>
                </ScrollView>
            </View>
        </View>
    )
}

export default UserYSRulesScreen
// ...existing code...